<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/vue.js" ></script>
	</head>
	<body>
		<div id="app">
			<!--当网速较慢或没加载到Vue时，插值表达式会暴露给用户-->
			<!--用插值表达式可以在标签里面写其他东西-->
			<p>+++++++{{msg}}++++++</p>
			<!--v-text将data里面的数据渲染给视图-->
			<!--v-text指令当网速慢或者找不到Vue时，不会进行显示-->
			<!--v-text指令 会将标签里面的内容全部覆盖-->
			<p v-text="msg">========</p>
			<!--插值表达式和v-text指令都不能执行HTML代码-->
			<p>{{msg2}}</p>
			<p v-text="msg2"></p>
			<!--通过v-text指令可以运行html代码-->
			<p v-html="msg2"></p>
			
		</div>
		
		<script>
			var vm = new Vue({
				el:"#app",
				data:{
					msg:"你好，我来了",
					msg2:"<h1>我最大</h1>"
				}
			});
		</script>
	</body>
</html>
